<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登陆注册</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/register1.css">
    <link rel="stylesheet" href="./icomoon/style.css">
    <link rel="icon" href="./favicon3.ico">
</head>
<body>
    <h1>SleeplessBear's Blog<sup>2021</sup></h1>
    <div class="box">
        <ul class="list">
            <li class="showlist">登录</li>
            <li>注册</li>
        </ul>
        <ul class="content">
            <li class="showcontent">
                <!-- 登陆页面 -->
                <div class="main-body">
    
                    <div class="main-right">
                        <!-- 登录不禁用，点击直接跳转，注册需要点击 -->
                        <!-- <form action="index.html" id="dlform"> -->
                        <form id="dlform">
                            <div>
                                <div id="dlxx">
                                    <span id="dlxx1"></span>
                                    <span id="dlxx2"></span>
                                </div>
                                <span>账号登录</span>
                            </div>
    
                            <div>
                                <span>+86&nbsp;&gt;</span>
                                <input type="text" placeholder="手机号" id="sjh">
                            </div>
    
                            <div>
                                <span class="icon-mobile"></span>
                                <input type="password" placeholder="密码" id="mm">
                            </div>
    
                            <div>
                                <a href="#">忘记密码？</a>
                            </div>
    
                            <button id="dlzh">
                                登录
                            </button>
                            
                        </form>   
                         
                        <!-- <div class="right-bottom">
                            <span>用合作网站账号登录</span>
                            <p>
                                <span class="icon-github"></span>
                                <span class="icon-envelop"></span> 
                            </p>
                            
                        </div> -->
                    </div>
            </li>
            <li class="showcontent1">
                <!-- 注册页面 -->
                <div class="main">
                    <div class="main-conter">
                        <form id='form'>
                            <div>
                                <span class="left">手机号&nbsp;</span>
                                <input type="text" name="phonenum">
                                <span class="disnone">
                                    <!-- <i class="icon-location">1</i> -->
                                    <span class="disno"></span>
                                    <!-- 请输入您的手机号码 -->
                                </span>
                            </div>
                            <button id="dtm">
                                免费获取短信动态码
                            </button>
                            <div>
                                <span class="left">短信动态码&nbsp;</span>
                                <input type="text" name="phonenum">
                                <span class="disnone">
                                    <!-- <i class="icon-location">2</i> -->
                                    <span class="disno"></span>
                                    <!-- 请输入短信动态码 -->
                                </span>
                            </div>
                            <div>
                                <span class="left">创建密码&nbsp;</span>
                                <input type="text" id="passwords">
                                <span class="disnone">
                                    <!-- <i class="icon-location">3</i> -->
                                    <span class="disno"></span>
                                    <!-- 请输入您的密码 -->
                                </span>
                            </div>
                            <div id="strongs">
                                <span class="strong">弱</span>
                                <span class="strong">中</span>
                                <span class="strong">强</span>
                            </div>
                            <div>
                                <span class="left">确认密码&nbsp;</span>
                                <input type="text" id="password">
                                <span class="disnone">
                                    <!-- <i class="icon-location">4</i> -->
                                    <span class="disno"></span>
                                    <!-- 请再次输入密码 -->
                                </span>
                            </div>
                            <button id="finish">
                                注册
                            </button>
                        </form>
                    </div>
                </div>
            </li>
        </ul>
    </div>

    <script src="./js/jquery-1.12.4.js"></script>
    <script src="./js/base.js"></script>
    <script src="./js/register1.js"></script>
</body>
</html>